<template>
  <div id="signatue">
     <div v-for="(item, show) in list" v-show="show<num" :key="item.id">
      {{item}}
    </div>
    <span @click="showMore">{{txt}}</span>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {
         list: [
            '111',
            '222',
            '333',
            '444',
            '555',
            '666'
          ],
          isShow: true,
          txt: '显示全部',
          num: 2
        }

    
  },
  methods: {
          showMore(){
          this.isShow = !this.isShow;
          this.num = this.isShow? 2: this.list.length;
          this.txt = this.isShow?  '显示全部':'收起'
        }

  },
  components: {},
  mounted() {}
};
</script>

<style scoped>
#signatue{
    margin-top:60px;
}




* {
  padding: 0;
  margin: 0;
}
</style>

